<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="../common.jsp"%>
<!DOCTYPE html>
<html>
<head>
</head>
<body class="gray-bg" style="overflow: auto;">
  <div class="wrapper wrapper-content animated fadeInRight ">
      <div class="ibox">
          <div class="ibox-content layui-row">
              <div class="layui-col-sm12">
                  <fieldset class="layui-elem-field">
                      <legend>面向世界</legend>
                      <div class="layui-field-box">
                          <h3>为什么需要 Stream</h3>
                          <p>Stream 作为 Java 8 的一大亮点，它与 java.io 包里的 InputStream 和 OutputStream 是完全不同的概念。它也不同于 StAX 对 </p>
                          <p>XML 解析的 Stream，也不是 Amazon Kinesis 对大数据实时处理的 Stream。Java 8 中的 Stream 是对集合（Collection）对象</p>
                          <p>功能的增强，它专注于对集合对象进行各种非常便利、高效的聚合操作（aggregate operation），或者大批量数据操作 (bulk </p>
                          <p>data operation)。Stream API 借助于同样新出现的 Lambda 表达式，极大的提高编程效率和程序可读性。同时它提供串行和</p>
                          <p>并行两种模式进行汇聚操作，并发模式能够充分利用多核处理器的优势，使用 fork/join 并行方式来拆分任务和加速处理过程。</p>
                          <p>通常编写并行代码很难而且容易出错, 但使用 Stream API 无需编写一行多线程的代码，就可以很方便地写出高性能的并发程</p>
                          <p>序。所以说，Java 8 中首次出现的 java.util.stream 是一个函数式语言+多核时代综合影响的产物。</p>
                      </div>
                  </fieldset>
              </div>
              <div class="layui-col-sm6" id="timeLineArea1" style="overflow: auto; height: calc(100% - 350px)">
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <p>123456789</p>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
                  <h5>1000, DEV, 研发, 2018-02-28 16:31:18.0</h5>
                  <h5>1001, FIN, 财务1, 2018-02-28 16:31:18.0</h5>
                  <h5>1002, PER, 人事, 2018-02-28 16:31:18.0</h5>
                  <h5>1004, OPR, 运营, 2018-02-28 16:31:18.0</h5>
                  <h5>1011, INTER_BUS, 互联网事业部, 2018-04-03 10:24:21.0</h5>
              </div>
              <div class="layui-col-sm6" id="timeLineArea2" style="overflow: auto;">
                  <a href="<%=basePath%>/excel/identifyImg" id="identifyOcr" class="btn btn-default">下载文件</a>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
                  <p>abcdefg</p>
              </div>
              <script type="text/javascript">

              </script>
          </div>
      </div>
  </div>
</body>